<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="referrer" content="no-referrer">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/main.css">
    <meta name="description" content="一个用于记录程序员日常学习随笔的博客，提供学习交流，工具，api接口申请使用。">
    <meta name="keywords" content="web开发,web前端,php开发,微信开发，微信小程序,数据库设计,api接口">
    <title><%=title%></title>
</head>

<body style="padding-top: 50px;">
    <header class="navbar navbar-fixed-top navbar-default  navbar-inverse" id="navbar">
        <div class="container">
            <div class="navbar-header"><a href="https://lby.link/" class="navbar-brand">LBY.LINK</a><button
                    class="navbar-toggle"><span class="icon-bar"></span><span class="icon-bar"></span><span
                        class="icon-bar"></span></button></div>
            <div class="m-menu">
                <div class="m-menu-inner">
                    <div class="navbar-collapse navbar-left">
                        <ul class="nav navbar-nav">
                            <li><a href="https://lby.link/latest">最新文章</a></li>
                            <!--<li><a href="/wx">微信开发</a></li>-->
                            <!--<li><a href="/qd">前端方向</a></li>-->
                            <!--<li><a href="/hd">后端方向</a></li>-->
                            <li class="disabled"><a href="javascript:void(0);">微信开发</a></li>
                            <li class="disabled"><a href="javascript:void(0);">前端方向</a></li>
                            <li class="disabled"><a href="javascript:void(0);">后端方向</a></li>
                            <li><a href="https://lby.link/p/api">API申请</a></li>
                            <li><a href="https://lby.link/tools">工具</a></li>
                            <li><a href="https://lby.link/p/about">关于</a></li>
                        </ul>
                    </div>
                    <form class="navbar-form navbar-left visible-lg" onsubmit="return false;"
                        action="https://lby.link/#" method="get" id="search-form">
                        <div class="input-group"><input id="search-input" type="text" class="form-control"
                                placeholder="搜索、文章、作者、内容...">
                            <div class="input-group-btn"><button class="btn btn-success"><span
                                        class="glyphicon glyphicon-search"></span>搜索</button></div>
                        </div>
                        <div class="search-tips">
                            <ul class="advise"></ul>
                        </div>
                    </form>
                    <div class="navbar-right login-info"><a href="https://lby.link/login"
                            class="navbar-link navbar-text">登录</a><a href="https://lby.link/register"
                            class="navbar-link navbar-text">注册</a></div>
                </div>
            </div>
        </div>
    </header>
    <div class="container" id="page-content">
        <div class="row">
            <div class="col-md-9 wrap-left">
                <div class="banner"><img src="images/banner.jpg"></div>
                <ul class="list-group" id="index-article">
                    <% articles.forEach((item)=>{ %>
                    <li class="list-group-item list-group-item-default text-article" title="webpack构建工具之性能优化">
                        <div class="clearfix">
                            <div class="article-section pull-left">
                                <h3 class="article-title"><a href="/p/<%=item.aid%>"
                                        title="webpack构建工具之性能优化"><%=item.title%></a></h3>
                                <div class="article-content"><a href="/p/<%=item.aid%>"
                                        title="webpack构建工具之性能优化"><%=item.content%></a>
                                </div>
                            </div>
                        </div>
                        <div class="article-info"><a href="https://lby.link/u/10001" class="article-author"
                                title="憶、逝呿靑舂"><img src="images/s.jpg"
                                    alt="憶、逝呿靑舂"><%=item.author%></a><span class="article-comment">阅读(<%=item.read%>)</span><a
                                href="javascript:void(0)" class="article-like" title="喜欢"><span
                                    class="fa fa-heart"></span>(<%=item.like%>)</a><time class="article-time">2020-04-05
                                00:07:59</time>
                            <!--手机二维码-->
                            <div class="qrcode" title="手机扫码阅读" data-aid="7c4c3">
                                <div class="code"></div>
                            </div>
                        </div>
                    </li>
                    <% }) %>
                </ul>
            </div>
            <div class="col-md-3 wrap-right">
                <aside class="aside-top flags">
                    <div class="tag-board"><a target="_blank" href="https://lby.link/"><span>HTML5</span></a><a
                            target="_blank" href="https://lby.link/"><span>Javascript</span></a><a target="_blank"
                            href="https://lby.link/"><span>CSS3</span></a><a target="_blank"
                            href="https://lby.link/"><span>微信小程序</span></a><a target="_blank"
                            href="https://lby.link/"><span>Linux</span></a><a target="_blank"
                            href="https://lby.link/"><span>Nginx</span></a><a target="_blank"
                            href="https://lby.link/"><span>Canvas</span></a><a target="_blank"
                            href="https://lby.link/"><span>数据可视化</span></a></div>
                </aside>
                <aside class="aside-middle">
                    <div class="recommended-authors">
                        <div class="recommend-title"><span>推荐作者</span><a class="page-change"><i class="fa fa-refresh"
                                    style="transform: rotate(0deg);"></i> 换一批 </a></div>
                        <ul class="recomment-writer-list">
                            <li><a href="https://lby.link/u/10236" target="_blank" class="writer-head" title="哈哈哈"><img
                                        src="images/s.jpg" title="哈哈哈"></a><a
                                    class="follow-writer" href="https://lby.link/u/10236" title="哈哈哈">关注+</a><a
                                    href="https://lby.link/u/10236" target="_blank" class="writer-name" title="哈哈哈"> 哈哈哈
                                </a>
                                <p> 广东 · 深圳</p>
                            </li>
                            <li><a href="https://lby.link/u/10051" target="_blank" class="writer-head"
                                    title="seal2019"><img src="images/s.jpg"
                                        title="seal2019"></a><a class="follow-writer" href="https://lby.link/u/10051"
                                    title="seal2019">关注+</a><a href="https://lby.link/u/10051" target="_blank"
                                    class="writer-name" title="seal2019"> seal2019 </a>
                                <p> 广东 · 深圳</p>
                            </li>
                            <li><a href="https://lby.link/u/10061" target="_blank" class="writer-head" title="团子"><img
                                        src="images/s.jpg" title="团子"></a><a
                                    class="follow-writer" href="https://lby.link/u/10061" title="团子">关注+</a><a
                                    href="https://lby.link/u/10061" target="_blank" class="writer-name" title="团子"> 团子
                                </a>
                                <p> 广东 · 深圳</p>
                            </li>
                            <li><a href="https://lby.link/u/10029" target="_blank" class="writer-head"
                                    title="sdgdf"><img src="images/s.jpg" title="sdgdf"></a><a
                                    class="follow-writer" href="https://lby.link/u/10029" title="sdgdf">关注+</a><a
                                    href="https://lby.link/u/10029" target="_blank" class="writer-name" title="sdgdf">
                                    sdgdf </a>
                                <p> 广东 · 深圳</p>
                            </li>
                            <li><a href="https://lby.link/u/10213" target="_blank" class="writer-head"
                                    title="kvkvkkv"><img src="images/s.jpg"
                                        title="kvkvkkv"></a><a class="follow-writer" href="https://lby.link/u/10213"
                                    title="kvkvkkv">关注+</a><a href="https://lby.link/u/10213" target="_blank"
                                    class="writer-name" title="kvkvkkv"> kvkvkkv </a>
                                <p> 广东 · 深圳</p>
                            </li>
                            <li><a href="https://lby.link/u/10221" target="_blank" class="writer-head"
                                    title="Edelbrockjcq"><img src="images/s.jpg"
                                        title="Edelbrockjcq"></a><a class="follow-writer"
                                    href="https://lby.link/u/10221" title="Edelbrockjcq">关注+</a><a
                                    href="https://lby.link/u/10221" target="_blank" class="writer-name"
                                    title="Edelbrockjcq"> Edelbrockjcq </a>
                                <p> 广东 · 深圳</p>
                            </li>
                            <li><a href="https://lby.link/u/10164" target="_blank" class="writer-head" title="神棍"><img
                                        src="images/s.jpg" title="神棍"></a><a
                                    class="follow-writer" href="https://lby.link/u/10164" title="神棍">关注+</a><a
                                    href="https://lby.link/u/10164" target="_blank" class="writer-name" title="神棍"> 神棍
                                </a>
                                <p> 广东 · 深圳</p>
                            </li>
                            <li><a href="https://lby.link/u/10053" target="_blank" class="writer-head"
                                    title="Xenvab"><img src="images/s.jpg" title="Xenvab"></a><a
                                    class="follow-writer" href="https://lby.link/u/10053" title="Xenvab">关注+</a><a
                                    href="https://lby.link/u/10053" target="_blank" class="writer-name" title="Xenvab">
                                    Xenvab </a>
                                <p> 广东 · 深圳</p>
                            </li>
                            <li><a href="https://lby.link/u/10100" target="_blank" class="writer-head" title="妤七"><img
                                        src="images/s.jpg" title="妤七"></a><a
                                    class="follow-writer" href="https://lby.link/u/10100" title="妤七">关注+</a><a
                                    href="https://lby.link/u/10100" target="_blank" class="writer-name" title="妤七"> 妤七
                                </a>
                                <p> 广东 · 深圳</p>
                            </li>
                            <li><a href="https://lby.link/u/10229" target="_blank" class="writer-head" title="张佳豪"><img
                                        src="images/s.jpg" title="张佳豪"></a><a
                                    class="follow-writer" href="https://lby.link/u/10229" title="张佳豪">关注+</a><a
                                    href="https://lby.link/u/10229" target="_blank" class="writer-name" title="张佳豪"> 张佳豪
                                </a>
                                <p> 广东 · 深圳</p>
                            </li>
                        </ul>
                    </div>
                </aside>
                <aside class="aside-bottom">
                    <div class="recommend-title"><span>热门推荐</span></div>
                    <div class="hot-article-list">
                        <li><a href="https://lby.link/p/2a791fa8" title="前端必备知识点之HTTP协议">1. 前端必备知识点之HTTP协议</a></li>
                        <li><a href="https://lby.link/p/71959026" title="vue+vuex+mpvue+iview-weapp构建小程序项目">2.
                                vue+vuex+mpvue+iview-weapp构建小程序项目</a></li>
                        <li><a href="https://lby.link/p/d9720" title="JS中的函数">3. JS中的函数</a></li>
                        <li><a href="https://lby.link/p/065e18a6" title="Angular JS 自定义指令">4. Angular JS 自定义指令</a></li>
                        <li><a href="https://lby.link/p/48e76d6d" title="jQuery实现无缝轮播图">5. jQuery实现无缝轮播图</a></li>
                        <li><a href="https://lby.link/p/2d286b1b" title="sort()方法妙用 DOM 排序">6. sort()方法妙用 DOM 排序</a>
                        </li>
                        <li><a href="https://lby.link/p/2dea983b" title="使用vue-cli脚手架构建项目">7. 使用vue-cli脚手架构建项目</a></li>
                        <li><a href="https://lby.link/p/2d3df147" title="移动端开发随手笔记">8. 移动端开发随手笔记</a></li>
                        <li><a href="https://lby.link/p/0368d" title="jQuery 方法链接">9. jQuery 方法链接</a></li>
                        <li><a href="https://lby.link/p/15a24" title="Css布局技巧-实现未知宽高元素网页水平和垂直居中">10.
                                Css布局技巧-实现未知宽高元素网页水平和垂直居中</a></li>
                    </div>
                </aside>
            </div>
        </div>
    </div>
    <footer>
        <div class="container text-center">
            <p>Copyright © 2015-2020 LBY.LINK &nbsp;&nbsp;<a href="javascript:void(0);">@Timor-M</a></p>
            <p>ICP备案号：<a href="http://www.beian.miit.gov.cn/" target="_blank">粤ICP备188136674 号</a></p>
        </div>
    </footer>
    <div class="toTop"></div>
    <script src="js/jquery.min.js.下载"></script>
    <script src="js/common.js.下载"></script>
    <script src="js/iconfont.js.下载"></script>
    <script src="js/jquery.qrcode.min.js.下载"></script>
</body>

</html>